<!DOCTYPE html>
<html lang="zh">
	<head>
	<meta charset="utf-8">
	<!--1 导入三个标签-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<title>bootstrap表单</title>
	<!--2 引入bootstrap的css-->
	<link rel="stylesheet" href="css/bootstrap.css" />
	
	</head>
	<body>
		<h2>用户注册</h2>
		<div class="container">
		<form action="" method="post" class="form-horizontal">
			<div class="form-group">
				<div class="form-group">
					<label for="username" class="col-sm-2 text-right" >用户名:</label>
					<div class="col-sm-8">
						<input type="text" class="form-control" name="username" id="username" /><br/>
					</div>
				</div>
				<div class="form-group">
					<label for="password" class="col-sm-2 text-right">密码:</label>
					<div class="col-sm-8">
					<input type="text" class="form-control" name="password" id="password" />
					</div>
				</div>
				<div class="form-group">
					<label for="repassword" class="col-sm-2 text-right">确认密码:</label>
					<div class="col-sm-8">
					<input type="text" class="form-control" name="repassword" id="repassword" />
					</div>
				</div>
				<div class="form-group">
					<label for="email" class="col-sm-2 text-right">邮箱:</label>
					<div class="col-sm-8">
					<input type="text" class="form-control" name="email" id="email" /><br/>
					</div>
				</div>
				<div class="form-group">
					<div class="col-sm-10 col-sm-offset-2">
					<input type="submit" class="btn btn-primary" value="提交" />
					</div>
				</div>
		
			
			</div>
		</form>
		</div>
		<!--3引入jQuery-->
		<script type="text/javascript" src="js/jquery-1.12.4.js" ></script>
		<!--4引入bootstrap的js-->
		<script type="text/javascript" src="js/bootstrap.js" ></script>
	</body>
</html>
